import Taro, { Component } from '@tarojs/taro'
import { View, Text,Checkbox } from '@tarojs/components'
import { AtButton } from 'taro-ui'
import './accepttime.css'
// import reactMixin from 'react-mixin';
// import myJs from './projectdetailsJs.js'
import app from '../../../main.js'

export default class AcceptTime extends Component {

    config = {
        navigationBarTitleText: '快速咨询可接单时间'
    }
    // constructor() {
    //     super(...arguments);
    //     this.state = this.getData();
    // }
    // init() { 
    //     this.getProject();
    // }



    render() {
        return (
            <View className='accept-time'>
                <View className='day-box'>
                    <View className='day'>星期一</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期二</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期三</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期四</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期五</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期六</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <View className='day-box'>
                    <View className='day'>星期日</View>
                    <View className='time-box at-row'>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>上午</View>
                                <View className='bottom'>08:00-12:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time' >
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>下午</View>
                                <View className='bottom'>12:00-18:00</View>
                            </View>
                        </View>
                        <View className='at-col at-col-4 specific-time'>
                            <Checkbox value='选中' checked className='checkbox'></Checkbox>
                            <View className='time'>
                                <View className='top'>晚上</View>
                                <View className='bottom'>18:00-22:00</View>
                            </View>
                        </View>
                    </View>
                </View>
                <AtButton full={true} className='btn' type='primary'>保存</AtButton>
            </View>

        )
    }
}
// reactMixin.onClass(ProjectDetails, myJs);


